<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<!-- 选择器权重越高，选中几率越大 -->
		<style>
			 *{  /*权值 0  很容易被覆盖*/
				 color: #000;    !important;
				 background: #aa55ff;  !important;
			 } 
			 div{/*权值 1*/
			 color: #5555ff;
			 background: #ffffff;
			 }
			 d1{/*权值 10*/
			 color: #aaaa7f;
			background: #00aa00;	 
			 }
			 div.d1{ /*选择器权值之和  权值*/
				 color: #ffaaff;
				 background: #aaaaff;
			 }
			 body div.d1{ /*权值12*/
				 color: #ffffff;
				 background: #ffff7f;
			 }
			 #d1{/*权值100*/
				 font-size: 15x;
				 color: #5555ff;
				 background: #005500;
			 }
			 div#d1{/*权值 101*/
				 font-size: 20px;
				 color: #ffaaff;
				 background: #aaff00;
			 }
			 div#d1:hover{ /*权值 111*/
				 color: #000;
				 background: #00aa00;
			 }
		</style>
	</head>
	<body>
		<div class="d1" id="d1" style="color:red;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, inventore? Natus veniam vero neque! Dignissimos architecto voluptates iusto dolor consequatur dicta, facere corrupti perspiciatis veniam, aliquid doloribus dolores, sequi sint?</div>
	</body>
</html>